/**
 * Organizational Chart Transparent Skin
 */




/*----------------------------------------------------------------------------*/




/** Global wrapper */
.RadOrgChart_Transparent {
	color: #333333;
	font: normal 12px/22px "Segoe UI", Arial, sans-serif;
}




/** Viewport */
.RadOrgChart_Transparent .rocViewport {}




/** NodeList */
.RadOrgChart_Transparent .rocNodeList {}




/** Node */
.RadOrgChart_Transparent .rocNode {}




/** Group */
.RadOrgChart_Transparent .rocGroup {
	border-radius: 10px;
	background-color: #e5e5e5;
	background-color: rgba(0, 0, 0, .1);
	*background-color: #e5e5e5;
}




/** ItemList */
.RadOrgChart_Transparent .rocItemList {}




/** ItemWrap */
.RadOrgChart_Transparent .rocItemWrap {}




/** Items */
.RadOrgChart_Transparent .rocItem {}


	.RadOrgChart_Transparent .rocItemContent,
	.RadOrgChart_Transparent .rocItemTemplate {
		border-color: #ffffff;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, .2);
		background-image: url('../Common/OrgChart/rocItemTileLight.png');
		_background-image: none;
	}




/** Toggle handle */
/*.RadOrgChart_Transparent .rocToggleHandle,*/
.RadOrgChart_Transparent .rocExpandArrow,
.RadOrgChart_Transparent .rocCollapseArrow,
.RadOrgChart_Transparent .rocExpandGroupArrow,
.RadOrgChart_Transparent .rocCollapseGroupArrow {
		border-color: #ffffff;
		border-radius: 3px;
		background-color: #ffffff;
		background-image: url('../Common/Actions/actionExpandCollapseDark.png');
}




/** Node lines */
.RadOrgChart_Transparent .rocLineUp,
.RadOrgChart_Transparent .rocLineDown,
.RadOrgChart_Transparent .rocLineHorizontal {
	background-image: url('../Common/OrgChart/rocLinesDark.png');
}




/** Drag and Drop */
.rocDetachedItemContainer.RadOrgChart_Transparent,
.rocDetachedNodeContainer.RadOrgChart_Transparent {}




	/** Drag ghost */
	.rocDetachedItemContainer.RadOrgChart_Transparent .rocGhostItem,
	.rocDetachedNodeContainer.RadOrgChart_Transparent .rocGhostNode {
		border-color: #ffffff;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, .2);
		background-image: url('../Common/OrgChart/rocItemTileLight.png');
		_background-image: none;
	}




	/** Drag Drop Clue */
	.rocDetachedItemContainer.RadOrgChart_Transparent .rocDropClue,
	.rocDetachedNodeContainer.RadOrgChart_Transparent .rocDropClue {
		background-image: url('../Common/Actions/actionDragDropDark.png');
	}